<section id="my-cm" class="my-cm mlr-20">
  <div class="border-b ptb-10 clearfix">
    <h3 class="font-16 pull-left font-nm line-height-34">整租合同</h3>
  </div>
  <div class="conditions mt-15">
    <div class="clearfix">
      <div class="pull-left line-height-34" style="width:275px;">
        <span class="pull-left">信息搜索</span>
        <input type="text" class="form-control pull-right" style="width:200px;" placeholder="客户名称/简称/联系人/联系电话" v-model="keyWord" />
      </div>
      <div class="pull-left line-height-34" style="width:215px;marginLeft:35px;">
        <span class="pull-left">客户状态</span>
        <div class="select-ul pull-right" style="width:140px;">
          <span class="select-name br-4 box-i-shadow">全部</span>
          <ul>
            <li v-for="item in customerList" @click="customerListAct = item.dictCode">{{item.dictName}}</li>
          </ul>
        </div>
      </div>
      <div class="pull-left line-height-34" style="width:215px;marginLeft:35px;">
        <span class="pull-left">客户类型</span>
        <div class="select-ul pull-right" style="width:140px;">
          <span class="select-name br-4 box-i-shadow">全部</span>
          <ul>
            <li v-for="item in customerTypeList" @click="customerTypeListAct = item.dictCode">{{item.dictName}}</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="clearfix mt-10">
      <div class="pull-left line-height-34" style="width:275px;">
        <span class="pull-left" style="marginRight:19px;">所属行业</span>
        <div class="select-ul" style="width:140px;">
          <span class="select-name br-4 box-i-shadow">全部</span>
          <ul>
            <li v-for="item in industryList" @click="industryAct = item.dictCode">{{item.dictName}}</li>
          </ul>
        </div>
      </div>
      <div class="pull-left line-height-34" style="width:215px;marginLeft:35px;">
        <span class="pull-left">渠道类型</span>
        <div class="select-ul pull-right" style="width:140px;">
          <span class="select-name br-4 box-i-shadow">全部</span>
          <ul>
            <li v-for="(item, index) in channelTypeList" @click="setchannelNameAct(item.dictCode)">{{item.dictName}}</li>
          </ul>
        </div>
      </div>
      <div class="pull-left line-height-34" style="width:215px;marginLeft:35px;">
        <span class="pull-left">渠道名称</span>
        <div class="select-ul pull-right" style="width:140px;">
          <span class="select-name br-4 box-i-shadow" ref="channelName">全部</span>
          <ul>
            <li v-for="item in channelNameList" v-if="channelTypeAct == item.parentDictCode" @click="channelNameAct = item.dictCode">{{item.dictName}}</li>
          </ul>
        </div>
      </div>
      <div class="pull-right ml-5">
        <button class="btn s-btn-default mr-10">查询</button>
        <button class="btn s-btn-default">重置</button>
      </div>
    </div>
    <div class="cr-subnav mt-10 mb-10">
      <ul class="clearfix">
        <li class="pull-left pl-24 pr-24 line-height-34"
        :class="{active: item.code == submenuListAct}"
        @click="setSubmenuAct(item.code)"
        v-for="item in submenuList">{{item.name}} ({{item.count}})</li>
      </ul>
    </div>
  </div>

  <div class="business_mange br-4 box-i-shadow-2 clearfix">
    <div class="pull-left" style="width:887px;">
      <ul class="dy-flex l-h-40 text-center">
        <li class="dy-fx-1">序</li>
        <li class="dy-fx-3">客户名称</li>
        <li class="dy-fx-2">简称</li>
        <li class="dy-fx-2">客户类型</li>
        <li class="dy-fx-2">客户状态</li>
        <li class="dy-fx-2">所属行业</li>
        <li class="dy-fx-3">联系人</li>
        <li class="dy-fx-2">联系电话</li>
        <li class="dy-fx-2">分派时间</li>
        <li class="dy-fx-3 cursor" @click="setorders">
          最后更新时间
          <span class="icon-Gm-sort-ascending bt-icon1">
            <span class="path1" style="fontSize:22px" :class="{active:orders == 'ASC'}"></span>
            <i class="path2" style="fontSize:22px" :class="{active:orders == 'DESC'}"></i>
          </span>
        </li>
      </ul>
      <ul class="dy-flex l-h-40 text-center border-t" v-for="(item, index) in data.myCustomers">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1}}</li>
        <li class="dy-fx-3 ellipsis-1">{{item.customerName}}</li>
        <li class="dy-fx-2 ellipsis-1">{{item.shortName}}</li>
        <li class="dy-fx-2 ellipsis-1">{{item.customerType}}</li>
        <li class="dy-fx-2 ellipsis-1">{{item.customerState}}</li>
        <li class="dy-fx-2 ellipsis-1">{{item.industry}}</li>
        <li class="dy-fx-3 ellipsis-1">{{item.lperson}}</li>
        <li class="dy-fx-3 ellipsis-1">{{item.phone}}</li>
        <li class="dy-fx-2 ellipsis-1">{{item.assignTime}}</li>
        <li class="dy-fx-2 ellipsis-1">{{item.lastUpdateTime}}</li>
      </ul>
    </div>
    <div class="pull-right l-h-40 border-l text-center" style="width:68px;">
      <ul>
        <li>操作</li>
        <li class="border-t" v-for="(item, index) in data.businessOpportunitys">
          <a target="_blank" :href="'#/businessDetails?businessId='+item.id+'&ddtab=true&page=businessMange'">详情</a>
        </li>
      </ul>
    </div>
  </div>

  <div class="user-page ptb-10 clearfix">
    <div class="pull-left user-page-num">
      <span class="font-14">共<i>{{data.totalCount || '0'}}</i>条记录</span>
      <span>每页
        <div class="select-ul pagenums">
					<span class="select-name br-4 box-i-shadow" ref="limit">10</span>
          <ul>
            <li v-for="item in pageCounts" @click="setMoreNum(item)">{{item}}</li>
          </ul>
        </div>
      条</span>
    </div>
    <div class="pull-right">
      <ul class="page" id="page"></ul>
    </div>
  </div>
</section>

<script src="modules/customer/scripts/my-cm.js" charset="utf-8"></script>

<style media="screen">
  h3 {
    margin: 0;
    padding: 0;
  }
  .bt-icon1 {
    vertical-align: middle;
  }
  .bt-icon1 .path2:before {
    margin-left: -29px;
  }
  .icon-Gm-sort-ascending .path1:before {
      color: rgb(219, 219, 219);
  }
  .bt-icon1 .path2.active:before {
    color: rgb(123, 144, 173);
  }
  .bt-icon1 .path1.active:before {
    color: rgb(123, 144, 173);
  }
</style>
